<script setup>
useSeoMeta({
	title: "首页",
	// 搜索关键词
	keywords: "首页,中医，医院，中医医院，中医治疗，中医诊所，中医科",
	description: "首页,中医，医院，中医医院，中医治疗，中医诊所，中医科",
});
const list = [
	{
		img: "/images/1.jpg",
	},
	{
		img: "/images/2.jpg",
	},
	{
		img: "/images/3.jpg",
	},
];
</script>
<template>
	<LayoutHeader />

	<el-carousel class="mx-auto w-[1200px]" :interval="5000" arrow="always">
		<el-carousel-item v-for="item in list" :key="item">
			<el-image class="h-full w-full" :src="item.img" />
		</el-carousel-item>
	</el-carousel>
	<div class="mx-auto grid w-[1200px] grid-cols-3 place-items-center py-[20px]">
		<div>
			<p>动态1</p>
			<p>动态2</p>
			<p>动态3</p>
		</div>
		<div>
			<p>动态1</p>
			<p>动态2</p>
			<p>动态3</p>
		</div>
		<div>
			<p>动态1</p>
			<p>动态2</p>
			<p>动态3</p>
		</div>
	</div>
	<LayoutFooter />
</template>
<style scoped>
.el-carousel__item h3 {
	color: #475669;
	opacity: 0.75;
	line-height: 300px;
	margin: 0;
	text-align: center;
}

.el-carousel__item:nth-child(2n) {
	background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
	background-color: #d3dce6;
}
</style>
